<?php require VIEW_PATH.'/header.php';?>
<body>	
<form method="post">
<input type="hidden" name="hd_shop_type_id" value="{{$_GET['id']}}"/>
<table class="hd-table hd-table-form hd-form">
    <thead>
    <tr>
        <td colspan="3">添加属性</td>
    </tr>
    </thead>
    <tbody>
    <tr>
        <th>属性名称</th>
        <td>
            <input type="text" name="attr_name">
        </td>
        <td></td>
    </tr>
    <tr>
        <th>属性类型</th>
        <td class="hd-w250">
            <label>
                <input type="radio" name="attr_type" value="1">属性</label>
            </label>
            <label>
                <input type="radio" name="attr_type" value="2">规格</label>
            </label>

        </td>
        <td>
           注意：<span>选择规格时必须选择“下拉列表”显示类型</span>
        </td>
    </tr>
    <tr>
        <th>表单类型</th>
        <td class="hd-w250">
            <label>
                <input type="radio" id="text" name="show_type" value="1">文本框</label>
            </label>
            <label>
                <input type="radio" id="xiala" name="show_type" value="2">下拉列表</label>
            </label>
        </td>
        <td>
           注意：<span>单选框、下拉列表框时必须输入属性值，每行一个值</span>
        </td>
    </tr>
    <tr>
        <th>属性值</th>
        <td>
       <textarea name="attr_values" class="hd-w300 hd-h100"></textarea>
        </td>
    </tr>
    <tr>
        <th></th>
        <td>
            <input type="submit" class="hd-btn hd-btn-primary">
        </td>
        <td></td>
    </tr>
    </tbody>
</table>
</form>
</body>
<!-- 当选择属性和文本框的时候 -->
<script type="text/javascript">
    $(function(){
        $('[name=show_type]').change(function(){
            if($(this).val()==2)
            {
                $("[name=attr_values]").removeAttr('disabled');
            }
            else{
                $("[name=attr_values]").attr('disabled',true);
            }
        });
        
    })
    // $(function(){
    //     //当选择属性的时候 就不需要下拉选择了
    //     $('[name=attr_type]').change(function(){
    //         if($(this).val()==1)
    //         {
    //             $("#xiala").attr('disabled',true);
    //         }
    //         else{
    //             $("#xiala").removeAttr('disabled');

    //         }
    //     });
    // })
</script>
</html>